@charset "utf-8";
body{margin-left:30px; margin-right:30px;margin-top:0px;}
#header{ width:100%;height:102px; background-color:#000;overflow:hidden;
}
#tu1{position:absolute;left:30px;}
#tu2{position:absolute;right:0;margin-right:30px;}
#nav{width:100%;height:25px;background:#777;margin-bottom:0;}
#nav a{margin-left:15%;font-size:20px;background:#555;display:block;width:15%;float:left;text-align:center;border-radius:47%;height:25px;opacity:0.5;filter:alpha(opacity=50);}
a:link{text-decoration: none;color:#000;}
a:hover{color:red;opacity:1;filer:alpha(opacity=100);}
#section{  width:85%;height:650px;float:left;background-color:#333;}
#aside{  width:15%;height:650px;float:right;background-color:#777;text-align:center;font-size:30px;line-height:50px;overflow:hidden;}
#footer{width:100%; height:60px;background-color:#ce0000;margin-bottom:0px;float:left;}
section div{ width: 18%; height:38%;float:left;margin:3%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:9px;}
#tua{background-image:url(image/tua.png);}
#tub{background-image:url(image/tub.png);}
#tuc{background-image:url(image/tuc.png);}
#tud{background-image:url(image/tud.png);}
#tue{background-image:url(image/tue.png);}
#tuf{background-image:url(image/tuf.png);}
#tug{background-image:url(image/tug.png);}
#tuh{background-image:url(image/tuh.png);}
@media screen and (max-width:500px){
    body{width:100%;margin:0 3px 0 3px;padding:0;}
    #aside{display:none;}
    #section{width:100%;height:auto;}
    #section div{width:40%;height:200px;margin:5%;}
    #nav a{margin-left:15%;font-size:13px;background:#555;display:block;width:15%;float:left;text-align:center;border-radius:47%;height:25px;}
    #header{height:42px; }
    #tu1{width:90px;height:40px;}
   #tu2{width:90px;height:40px;}

}